<template>
    <div class="grid-2ride2">
        <div class="left-mid">
            <slot name="left-mid"></slot>
        </div>
        <div class="right-sm-1">
            <slot name="right-top"></slot>
        </div>
        <div class="right-sm-2">
            <slot name="right-bottom"></slot>
        </div>
    </div>
</template>
<script>
export default {
    name:"g-one-two"
}
</script>
<style>
    .left-mid{
        background-color: #eeeeee;
        grid-area: 1/1/span 2/span 1;
    }
    .right-sm-1{
        grid-area: 1/2/span 1/span 1;
        background-color: #eeeeee;
    }
    .right-sm-2{
        grid-area: 2/2/span 1/span 1;
        background-color: #eeeeee;
        overflow: hidden;
    }
</style>    